import FilterGroup from '@/components/FilterGroup'
export default {
  components: {
    FilterGroup
  },
  data () {
    return {
      // 筛选后的数据
      filtersList: []
    }
  },
  watch: {
    list (newList) {
      this.filtersList = newList
    }
  },
  methods: {
    async onParamsChange (newParams) {
      // 获取条件向服务器发送请求
      await this.updateConditionList({
        departmentChecks: [...newParams.departmentId] || [],
        keyword: newParams.keyword || '',
        page: this.params.page,
        pageSize: this.params.size,
        providentFundChecks: newParams.providentFundChecks || [],
        socialSecurityChecks: newParams.socialSecurityChecks || []
      })
    }
    // !没有后端接口使用的
    // onParamsChange(newParams) {
    //   // 获取需要筛选的部门id
    //   // 判断departmentName,mobile是否为空
    //   // 为空说明需要显示所有数据
    //   // 使用数组方法筛选
    //   this.filtersList = this.list.filter(item => {
    //     // !方式一
    //     // return (departmentName ? item.departmentId === departmentName : true) &&
    //     // (mobile ? item.mobile.indexOf(mobile) > -1 : true)
    //     for (const { key, type } of this.FILTERS) {
    //       let res = true
    //       switch (type) {
    //         case 'selsct':
    //           res = res && (newParams[key] ? item[key] === newParams[key] : true)
    //           break
    //         case 'input':
    //           res = res && (newParams[key] ? item[key].indexOf(key) > -1 : true)
    //           break
    //         default:
    //           break
    //       }
    //       return res
    //     }
    // })
    // },
  }
}
